<template>
<view class="safeArea" :style="style"></view>
</template>
<script setup>
const props = defineProps({
    bgColor:{
        type:String,
        default:'rgba(0,0,0,0)'
    }
})
const style = computed(()=>{
    return {
        backgroundColor:props.bgColor
    }
})
</script>
<style scoped lang="scss">
.safeArea{
    width: 100%;
    height: env(safe-area-inset-bottom);
    background-color: red;
}
</style>